<!DOCTYPE html>
<html>
<head>
	<s3:data name='MeetingDatas.headerScript' />
    <s3:import type="css"></s3:import>
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}">
	<title></title>
	<style type="text/css">
		.cmp-table-view:after{ height: 0px; }
	</style>
</head>
<body  class="cmp-fullscreen cmp-ios cmp-ios-9 cmp-ios-9-1">
	<div id="searchHeader" class="cmp-search-box" style="padding:10px;">
		<div class="cmp-input-row cmp-search">
			<input type="search" class="cmp-input-clear" placeholder="" disabled>
			<span class="cmp-icon cmp-hidden cmp-icon-clear"></span>
			<span id="search" class="cmp-placeholder">
		        <span class="cmp-icon cmp-icon-search"></span>
		        <span class="text-search"><i18n key="meeting.page.label.search"></i18n></span>
		    </span>
		</div>
	</div>
	<div id="reSearch" class="cmp-search-content cmp-header-search-position " style="display: none;">
		<div class="cmp-segmented-control cmp-search-title " style="top:0px;">
			<div class="cmp-search-item" style="width:12%;">
		    	<span class="title" id="cmp_search_title" style="padding-right:0px;color:#666666!important"></span>
	        </div>
	        <div id="toSearch" class="cmp-search-item" style="width:72%;">
	            <div id="searchText" class="item text cmp-active">
	                <input id="searchTextValue" type="text" readonly="readonly">
	            </div>
	            <div id="searchDate" class="item date">
	                <input id="searchDateBeg" class="cmp-search-date_btn" type="text" readonly="readonly" style="font-size: 14px">
	                <span>-</span>
	                <input id="searchDateEnd" class="cmp-search-date_btn" type="text" id="date_end" readonly="readonly" style="font-size: 14px">
	            </div>
	        </div>
	        <div class="cmp-search-item">
	            <span id="cancelSearch" class="gotoSearch"><i18n key="meeting.meetingRoomList.cancel"></i18n></span>
	        </div>
        </div>
	</div>
	<div id="dataCommonDiv" class="cmp-content back_white relative cmp-content-none">
		<div class="cmp-control-content cmp-active">
			<div id="pullrefresh" class="cmp-scroll-wrapper">
				<div class="cmp-scroll">
					<ul id="meetingRoomList" class="cmp-table-view">
					</ul>					
				</div>
			</div>
		</div>
	</div>
     <s3:data name='cordova' />  
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
	<s3:import type="js"></s3:import>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
	<s3:data name='MeetingDatas.footerScript'/>
    <script src="<s3:data name='dependencies.meeting'/>/js/meetingRoomList.js${data:buildversion}"></script>
    <!-- js模版 -->
	<script type="text/html" id="list_li_meetingRoom">
		<% var roomStateClass, roomStateName,
			admin = cmp.i18n('meeting.meetingRoomList.admin'),
			roomStateName0 = cmp.i18n("meeting.meetingRoomList.roomState0"),
			roomStateName1 = cmp.i18n("meeting.meetingRoomList.roomState1"),
			roomStateName2 = cmp.i18n("meeting.meetingRoomList.roomState2"),
			roomStateName3 = cmp.i18n("meeting.meetingRoomList.roomState3"),
			admin = cmp.i18n("meeting.meetingRoomList.admin"),
			choice = cmp.i18n("meeting.meetingRoomList.choice");%>
		<% for(var i = 0,len = this.length;i < len; i++){ %>
		<% var data = this[i];
			if(data.applyState == '1'){
				roomStateClass = 'roomState';
				roomStateName = roomStateName1;
			}else if(data.applyState == '2'){
				roomStateClass = 'roomState part';
				roomStateName = roomStateName2;
			}else if(data.applyState == '3'){
				roomStateClass = 'roomState forbid';
				roomStateName = roomStateName3;
			} else if (data.applyState == '0'){
				roomStateClass = 'roomState forbid';
				roomStateName = roomStateName0;
			} 
			if(showToday){
				roomStateName = cmp.i18n("meeting.meetingRoomList.today") + roomStateName;
			}
		%>
			<li class="cmp-list-cell 
				<%if(data.roomType == '2') { %>
					meetingVideoList
				<% } else { %>
					meetingList
				<% } %> 
				">
				<input type="hidden" id="roomNeedApp_<%=data.roomId%>" name="roomNeedApp_<%=data.roomId%>" value="<%=data.roomNeedApp%>" />
				<div class="room_list" roomId=<%=data.roomId%> roomName=<%=data.roomName%>>
					<%if(data.roomType != '2'){ %>
						<div class="img_wrap">
						<%if(data.image){%>
							<img src="<%=cmp.serverIp%>/seeyon/commonimage.do?method=showImage&id=<%=data.image%>&size=custom&w=127&h=90"></div>
						<%}else{%>
							<img src="<%=cmp.serverIp%>/seeyon/m3/apps/v5<%=MeetingUtils.getDefaultImage()%>" style="height:90px;"></div>
						<%}%>
					<%}%>
					<div class="detail_wrap">
						<ul>
							<li><div class="roomName"><%=data.roomName%></div></li>
							<li><div class="<%=roomStateClass%>"><%=roomStateName%></div></li>
							<% if (data.roomSeatCount) {%>
								<li><div class="maxNum"><%=cmp.i18n("meeting.meetingRoomList.seatCount", data.roomSeatCount)%></div></li>
							<% } %>
							<% if (data.roomSeat) { %>
								<li><div class="maxNum"><%= data.roomSeat %></div></li>
							<% } %>
							<%if(data.roomNeedApp){%>
								<li><div class="adminName"><%=admin%>：<span><%=data.adminNames%></span></div></li>
							<%}%>
						</ul>
						<%if(showChoiceBtn && data.applyState == '1'){%>
							<div roomId=<%=data.roomId%> roomName=<%=data.roomName%> class="choice_room"><%=choice%></div>
						<%}else{%>
							<div class="details see-icon-v5-common-arrow-right"></div>
						<%}%>
					</div>
				</div>
			</li>
		<% } %>
	</script>
</body>
</html>
<!--******************** auto import check  ****************--!>